<template>
  <div class="container">
    <h1>产品列表 B</h1>
    <h3>我是多级下的路由缓存界面</h3>
    <el-input
      v-model="value"
      placeholder="你尽管输入，跳转后我的值是不会变的"
    ></el-input>
  </div>
</template>

<script>
import { onMounted, reactive, ref, toRefs } from 'vue'
export default {
  name: 'ProductListB',
  setup() {
    const state = reactive({})
    const value = ref('')
    const refState = toRefs(state)
    onMounted(() => {
      console.log('product-list-b -》 我是有缓存的')
    })
    return {
      ...refState,
      value
    }
  }
}
</script>

<style lang="scss" scoped></style>
